<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="3; url=/index">
<title>html5 canvas首屏自适应背景动画循环效果代码</title>

<link rel="stylesheet" type="text/css" href="/static/sideshow/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="/static/sideshow/css/demo.css" />

<!--必要样式-->
<link rel="stylesheet" type="text/css" href="/static/sideshow/css/component.css" />

<!--[if IE]>
<script src="/static/sideshow/js/html5.js"></script>
<![endif]-->
</head>
<body>
		<div class="container demo-1">
			<div class="content">
				<div id="large-header" class="large-header">
					<canvas id="demo-canvas"></canvas>
					<h1 class="main-title">
						<span id="login">欢迎来到户外世界</span>
					</h1>
				</div>
			</div>
		</div><!-- /container -->
		<script src="/static/sideshow/js/TweenLite.min.js"></script>
		<script src="/static/sideshow/js/EasePack.min.js"></script>
		<script src="/static/sideshow/js/rAF.js"></script>
		<script src="/static/sideshow/js/demo-1.js"></script>
		<script src="/static/jquery/js/jquery-1.8.3.js"></script>
		<script>
			$("#login").on('click',function(){
				window.location.href="/login" ;
			})
		</script>
	</body>
</html>